<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>会员中心</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/member.css" />
		<style>
			#topPopover{ position: fixed; top: 16px; right: 6px;}
			#topPopover .mui-popover-arrow{ left: auto; right: 6px;}
			.mui-popover{ height: 170px;}

		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav bg_fff">
			<a class="mui-icon iconfont icon-fanhui mui-pull-left" href="javascript:history.back();void(0)"></a>
			<h1 class="mui-title">会员中心</h1>
			<a id="menu" class=" mui-icon iconfont icon-zhankai mui-pull-right" href="#topPopover"></a>
		</header>
		<!--右上角弹出菜单-->
		<div id="topPopover" class="mui-popover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">
							<a href="index.html"><i class="iconfont icon-shouye"></i>首页</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="category.html"><i class="iconfont icon-icon04"></i>分类搜索</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="cart.html"><i class="iconfont icon-gouwuche"></i>购物车</a>
						</li>
						<li class="mui-table-view-cell">
							<a href="member_index.html"><i class="iconfont icon-wode"></i>会员中心</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="index.html">
				<span class="mui-icon iconfont icon-shouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="category.html">
				<span class="mui-icon iconfont icon-icon04"></span>
				<span class="mui-tab-label">分类</span>
			</a>
			<a class="mui-tab-item" href="cart.html">
				<span class="mui-icon iconfont icon-gouwuche"><span class="mui-badge">9</span></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item mui-active" href="member_index.html">
				<span class="mui-icon iconfont icon-wode"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>

		<div class="mui-content">
			<div class="vip-header">
				<a href="">
					<dl>
						<dt> 
					      <img src="images/user/user.png"> 
					     </dt>
						<dd>
							<h4>hjl416148489<span>普通会员</span></h4>
							<p><span>积分：<i>30</i></span>&nbsp;&nbsp;<span>红包：<i>0</i></span></p>
						</dd>
					</dl>
				</a>
				<ul>
					<li>
						<a href="orderlist.html"><span>1</span>
							<p>待付款</p>
						</a>
					</li>
					<li>
						<a href="orderlist.html"><span>0</span>
							<p>待收货</p>
						</a>
					</li>
					<li>
						<a href="orderlist.html"><span>0</span>
							<p>待评价</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="vip-club border_top_bottom">
				<div class="vip-club-title border_bottom">
					<span><i class="iconfont icon-huiyuan"></i>会员俱乐部</span>
					<a href="">每日签到领积分<i class="iconfont icon-arrowright"></i></a>
				</div>
				<ul>
					<li>
						<a href=""><i class="iconfont icon-quanbudingdan01"></i>
							<p>我的订单</p>
						</a>
					</li>
					<li>
						<a href=""><i class="iconfont icon-miaosha"></i>
							<p>我的秒杀</p>
						</a>
					</li>
					<li>
						<a href=""><i class="iconfont icon-zhongchou"></i>
							<p>我的众筹</p>
						</a>
					</li>
					<li>
						<a href=""><i class="iconfont icon-yuyue"></i>
							<p>我的预约</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="vip-club border_top_bottom vip-account">
				<div class="vip-club-title border_bottom">
					<span><i class="iconfont icon-wodezhanghu"></i>我的账户</span>
					<a href="">积分兑换商品<i class="iconfont icon-arrowright"></i></a>
				</div>
				<ul>
					<li>
						<a href=""><i class="color_f44623">0</i>
							<p>账户余额</p>
						</a>
					</li>
					<li>
						<a href=""><i class="color_f4a425">30</i>
							<p>我的积分</p>
						</a>
					</li>
					<li>
						<a href=""><i class="color_45a1de">0</i>
							<p>我的礼券</p>
						</a>
					</li>
					<li>
						<a href=""><i class="color_1dccaa">1</i>
							<p>宝贝收藏</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="vip-list-icon border_top_bottom">
				<ul>
					<li class="border_bottom">
						<a href="" class="border_right"><i class="iconfont icon-chaxun"></i><em>维修查询</em></a>
						<a href=""><i class="iconfont icon-xiaowubaoxiubaoxiuliebiao"></i><em>报修退换</em></a>
					</li>
					<li class="border_bottom">
						<a href="" class="border_right"><i class="iconfont icon-chaxunwuliu"></i><em>物流查询</em></a>
						<a href=""><i class="iconfont icon-shouhuodizhi"></i><em>收货地址</em></a>
					</li>
					<li class="border_bottom">
						<a href="" class="border_right"><i class="iconfont icon-show"></i><em>评价晒单</em></a>
						<a href=""><i class="iconfont icon-tousu"></i><em>我的投诉</em></a>
					</li>
					<li>
						<a href="" class="border_right"><i class="iconfont icon-zixunfankui"></i><em>我的咨询</em></a>
						<a href=""><i class="iconfont icon-ershoushouji"></i><em>二手订单</em></a>
					</li>
				</ul>
			</div>
			<div class="vip-club vip-like border_top_bottom">
				<div class="vip-club-title  border_bottom">
					<span><i class="iconfont icon-xihuan-copy"></i>猜你喜欢</span>
					<a style="" href="http://m.ch999.com/">去逛逛<i class="iconfont icon-arrowright"></i></a>
				</div>
				<div class="pj_box">
					<ul style="width: 700px;">
						<li>
							<a href="/product/33912.html"><img src="images/user/20150910052509882.jpg" width="80" height="80" alt="img"><em>iPhone 6s（A1700）国行版</em><b>￥4788.00</b></a>
						</li>
						<li>
							<a href="/product/25313.html"><img src="images/user/20140911155536539.jpg" width="80" height="80" alt="img"><em>iPhone 6（A1586）国行版</em><b>￥4130.00</b></a>
						</li>
						<li>
							<a href="/product/35440.html"><img src="images/user/2015102718274073.jpg" width="80" height="80" alt="img"><em>乐视 超级手机 乐1s 通用版</em><b>￥1199.00</b></a>
						</li>
						<li>
							<a href="/product/33340.html"><img src="images/user/20150813183752967.jpg" width="80" height="80" alt="img"><em>红米Note2 标准移动版</em><b>￥780.00</b></a>
						</li>
						<li>
							<a href="/product/35552.html"><img src="images/user/20151014150146295.jpg" width="80" height="80" alt="img"><em>OPPO R7s 移动4G版</em><b>￥2498.00</b></a>
						</li>
						<li>
							<a href="/product/30926.html"><img src="images/user/20150507143344584.jpg" width="80" height="80" alt="img"><em>华为 P8（ALE-TL00）移动4G青春版</em><b>￥1260.00</b></a>
						</li>
						<li>
							<a href="/product/31578.html"><img src="images/user/20150603130933769.jpg" width="80" height="80" alt="img"><em>魅族 魅蓝note2（M571）公开版</em><b>￥880.00</b></a>
						</li>
					</ul>
				</div>
			</div>

		</div>

		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" charset="utf-8">
			mui.init();

			mui('body').on('tap', 'a', function() {
				document.location.href = this.href;
			});
		</script>
	</body>

</html>